<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Bloggingxray Widgets</title>

<style type="text/css">
                        body { font-family: helvetica,Arial,sans-serif;margin: 0;padding: 0;text-align: left;font-size:14px;line-height:1.4;}
                        #content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; }
                        #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #F8ECE0;font-size:16px;color:#333333;border:1px solid #999;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
                        fieldset{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border:1px solid #AAA;}
                        fieldset legend{font-size:15px;font-weight:bold; padding:2px 10px;border:1px solid #AAA;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
                </style>
<script>
                //<!--
                function bxgpluscodegen() {
				var bxyww = document.getElementsByName("bxww")[0].value; 
				var bxywh = document.getElementsByName("bxwh")[0].value;
				var bxymcolor = document.getElementsByName("bxmc")[0].value;
				var bxymtbbcolor = document.getElementsByName("bxmtbbc")[0].value;
				var bxymtblcolor = document.getElementsByName("bxmtblc")[0].value;
				var bxymbutsize = document.getElementsByName("bxbsize")[0].value;
				var bxybbcolor = document.getElementsByName("bxbbc")[0].value;
				var bxybbhcolor = document.getElementsByName("bxbbhc")[0].value;
				var bxybbgcolor = document.getElementsByName("bxbbgc")[0].value;
				var bxybhcolor = document.getElementsByName("bxbhc")[0].value;
				var bxybtxtcolor = document.getElementsByName("bxtc")[0].value;
				var bxybtxthcolor = document.getElementsByName("bxthc")[0].value;
				var bxybfsz = document.getElementsByName("bxbfsz")[0].value;
				var bxyttcolor = document.getElementsByName("bxttc")[0].value;
				var bxynamcolor = document.getElementsByName("bxnamc")[0].value;
				var bxynamfsz = document.getElementsByName("bxnamfsz")[0].value;
				var bxya = document.getElementsByName("a")[0].value;
				var bxyb = document.getElementsByName("ab")[0].value;
				var bxyc = document.getElementsByName("abc")[0].value;
				var bxyd = document.getElementsByName("abcd")[0].value;

								

				var bxsetup = document.getElementsByName("tbox")[0];

				
				bxsetup.value = "\<script type=\"text/javascript\"\>\npid='" + bxyww + "';ww='" + bxywh + "';ff='" + bxymcolor +"';mbgc='" + bxymtbbcolor +"';mbc='" + bxymtblcolor +"';tlc='" + bxymbutsize + "';bxbbcl='" + bxybbcolor +"';tc='" + bxybbhcolor +"';nc='" + bxybbgcolor +"';fs='" + bxybhcolor +"';bw='" + bxybtxtcolor +"';bbgc='" + bxybtxthcolor +"';bbc='" + bxybfsz + "';bfc='" + bxyttcolor +"';fsb='" + bxynamcolor +"';bmoc='" + bxynamfsz +"';bmobc='" + bxya +"';bmofc='" + bxyb +"';bc='" + bxyc +"';b='" + bxyd +"';l='y';pc='4889F0';</script\>";
				bxsetup.value += "\<script type=\"text/javascript\"\ src=\"http://widgetsplus.com/google_plus_widget.js\"\>\</script\>"





 }
                //-->
                </script>




</head>


<body>



<div id='content-wrapper'>
                        <h2>Blogging X-ray Google +1 Add to Circle Code Generator For Blogger</h2>
                        <fieldset>
                                <legend align='left'>
                                        Google +1 Advanced Seting 
                                </legend>
                                <table width="100%">
                                        <tr>
                                                <td colspan="2">
                                                        <span style="font-size:18px;text-align:center;display:block;">Basic Style</span>
                                                        <hr width="100%" align="center">
                                                </td>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxww">Google + ID</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxww" id="bxww" maxlength="30" size="30" value="">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxwh">Widget Width</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxwh" id="bxwh" maxlength="6" size="8" value="320">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxmc">Font Style:
                                                        1=Calibri,2=Garamond,3=Georgia,4=Helvetica Neue,5=Times New Roman</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxmc" id="bxmc" maxlength="6" size="8" value="3">
                                                </td>
                                        </tr>
                                        
                                        <tr>
                                                <td colspan="2">
                                                        <br>
                                                        <span style="font-size:18px;text-align:center;display:block;">Main Area Style</span>
                                                        <hr width="100%" align="center">
                                                </td>
                                        <tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxmtbbc">Background Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxmtbbc" id="bxmtbbc" maxlength="6" size="8" value="f5f5f5">
                                                </td>
                                        </tr>                                                                                
                                        
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxmtblc">Main Area Border Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxmtblc" id="bxmtblc" maxlength="6" size="8" value="cecece">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbsize">Seprator Line Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbsize" id="bxbsize" maxlength="6" size="8" value="cecece">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td colspan="2">
                                                        <br>
                                                        <span style="font-size:18px;text-align:center;display:block;">Title Style</span>
                                                        <hr width="100%" align="center">
                                                </td>
                                        <tr>

                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbbc">Title Text</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbbc" id="bxbbc" maxlength="6" size="8" value="Add me on">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbbhc">Title Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbbhc" id="bxbbhc" maxlength="6" size="8" value="6a6a6a">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbbgc">Name Font Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbbgc" id="bxbbgc" maxlength="6" size="8" value="6a6a6a">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbhc">Name Font Size</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbhc" id="bxbhc" maxlength="6" size="8" value="16">
                                                </td>
                                        </tr>
                                        
                                        <tr>
                                                <td colspan="2">
                                                        <br>
                                                        <span style="font-size:18px;text-align:center;display:block;">Button Style</span>
                                                        <hr width="100%" align="center">
                                                </td>
                                        <tr>

                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxtc">Button Width: (At Least 60)</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxtc" id="bxtc" maxlength="6" size="8" value="100">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxthc">Button Background Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxthc" id="bxthc" maxlength="6" size="8" value="4889F0">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbfsz">Button Bordor Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbfsz" id="bxbfsz" maxlength="6" size="8" value="3F79D5">
                                                </td>
                                        </tr>

                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxttc">Button Text Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxttc" id="bxttc" maxlength="6" size="8" value="FFFFFF">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxnamc">Button Text Size</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxnamc" id="bxnamc" maxlength="6" size="8" value="13">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxnamfsz">Button Hover Background Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxnamfsz" id="bxnamfsz" maxlength="6" size="8" value="3F79D5">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="a">Button Hover Bordor Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="a" id="a" maxlength="6" size="8" value="3b71c6">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="ab">Button Hover Bordor Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="ab" id="ab" maxlength="6" size="8" value="ffffff">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td colspan="2">
                                                        <br>
                                                        <span style="font-size:18px;text-align:center;display:block;">People in circle text Style</span>
                                                        <hr width="100%" align="center">
                                                </td>
                                        <tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="abc">People In Circle Text Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="abc" id="abc" maxlength="6" size="8" value="6a6a6a">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="abcd">In cricle text: s=Short discription, l=Long Discription</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="abcd" id="abcd" maxlength="6" size="8" value="s">
                                                </td>
                                        </tr>






                          












                                </table>
                        </fieldset>
                        <br>
                        <center>
                                <input value='Get Code' style='font-size:16px;width:220px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:bxgpluscodegen();' />
                        </center>
                        <br>
                        <textarea onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()" style='border:1px solid #7F9DB9; background:#ffffff;width:100%;height:250px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;' readonly='readonly' name='tbox' rows="1" cols="20"></textarea>
                        <br>
                        <br>
                        <center>
                                        Copyright &copy; 2011 All Rights Reserved by <strong>MasterZico</strong> @ <a href='http://www.bloggingxray.com/'>Blogging X-ray</a>
                        </center>
                </div>




</body>

</html>